<div id="dialog" masp="">
    <fieldset>
        <legend>Uy tín sản phẩm</legend>
        <div>
            <input type="radio" name="uytin" value="2" checked="checked"/><span>Kém</span></br>
            <input type="radio" name="uytin"  value="4"/><span>Trung bình</span></br>
            <input type="radio" name="uytin"  value="6"/><span>Khá</span></br>
            <input type="radio" name="uytin"  value="8"/><span>Tốt</span></br>
            <input type="radio" name="uytin"  value="10"/><span>Rất tốt</span></br>
        </div>
    </fieldset>
    <fieldset>
        <legend>Chất lượng sản phẩm</legend>
        <div>
            <input type="radio" name="chatluong" value="2" checked="checked"/><span>Kém</span></br>
            <input type="radio" name="chatluong" value="4"/><span>Trung bình</span></br>
            <input type="radio" name="chatluong" value="6"/><span>Khá</span></br>
            <input type="radio" name="chatluong" value="8"/><span>Tốt</span></br>
            <input type="radio" name="chatluong" value="10"/><span>Rất tốt</span></br>
        </div>
    </fieldset>
    <fieldset>
        <legend>Giá sản phẩm</legend>
        <div>
            <input type="radio" name="gia" value="2" checked="checked"/><span>Kém</span></br>
            <input type="radio" name="gia" value="4"/><span>Trung bình</span></br>
            <input type="radio" name="gia" value="6"/><span>Khá</span></br>
            <input type="radio" name="gia" value="8"/><span>Tốt</span></br>
            <input type="radio" name="gia" value="10"/><span>Rất tốt</span></br>
        </div>
    </fieldset>
</div>
<?php
foreach($sanphams as $sp):
?>
<div id="<?php echo $sp['MaSanPham']?>" class="sanpham ui-widget-content" idsp="<?php echo $sp['MaSanPham']?>">
<?php if($sp['AnhSanPham'] == null || $sp['AnhSanPham'] == '' ) $sp['AnhSanPham'] = 'noimage.jpg'?>
    <img src="<?php echo base_url().'images/product/'.$sp['AnhSanPham']?>"/>
    <div class="trai">
        <span class="tensanpham"><?php echo $sp['TenSanPham']?></span></br>
        <span>Giá Bán     :</span><span class="giaban"><?php echo number_format(floatval($sp['GiaBan'])); ?>VND</span></br>
        <span>Trạng Thái  :</span><span class="trangthai"><?php 
            if($sp['GiaBan']== 0)
                echo 'hết hàng';
            else
                echo 'còn hàng';
        ?></span></br>
        <span>Ngày Đăng   :</span><span class="ngaydang"><?php echo $sp['NgayDang']?></span></br>
        <div class="basic" title="<?php echo $sp['DiemDanhGia'] ?>/10">
            <div class="jRatingColor"></div>
            <div class="jRatingAverage" style="width: <?php echo (floatval($sp['DiemDanhGia'])/10)*230?>px;"></div>
            <div class="jStar"></div>
        </div>
    </div>
    <div class="phai">
        <button class="btn_danhgia ui-state-default ui-corner-all" title="Đánh Giá Sản Phẩm">
            <span class="ui-icon ui-icon-star"></span>
        </button>
        <button class="btn_xemchitiet ui-state-default ui-corner-all" title="Xem Chi Tiết">
            <span class="ui-icon ui-icon-document"></span>
        </button>
    </div>
</div>
<?php
endforeach;
?>
<script>
    $('.sanpham').mouseover(function(){
        $(this).addClass('ui-state-error');
    });
    $('.sanpham').mouseout(function(){
        $(this).removeClass('ui-state-error');
    });
    $('.btn_xemchitiet').click(function(){
        var masp = $(this).parent().parent('.sanpham').attr('id');
        $.ajax({
            type: 'POST',
            url: '<?=base_url('index.php/sanpham_controller/chitietsanpham')?>',
            data : {masp : masp},
            success: function(data){
                $('.content').html(data);
            }
        });
    });
    
    $('#dialog').dialog({
        autoOpen: false,
					title: 'Đánh Giá Sản Phẩm',
					height: 580,
					width: 600,
					modal: true,
					draggable: false,
					resizable: false,
					buttons:[
						{
							text : "Ok", 
							click : function(){ 
								var masp = $('#dialog').attr('masp');
                                var uytin =  $('input[name=uytin]:checked').val();
                                var chatluong = $('input[name=chatluong]:checked').val();
                                var gia = $('input[name=gia]:checked').val();
                                $.ajax({
                                    type: 'POST',
                                    url: '<?=base_url('index.php/sanpham_controller/danhgiasanpham')?>',
                                    data : {masp:masp, uytin:uytin, chatluong:chatluong, gia:gia},
                                    success: function(data){
                                        var diem = (parseFloat(data)/10)*230;
                                        $('div[idsp='+ masp +'] .trai .basic').attr('title', data);
                                        $('div[idsp='+ masp +'] .trai .basic .jRatingAverage').attr('style', 'width: '+ diem);
                                        $('#dialog').dialog("close");
                                    }
                                });
							}
						},
						{
							text : "Đóng",
							click : function(){
                                 $('#dialog').dialog("close"); 
							}
						}
					]
    });
    $('.btn_danhgia').click(function(){
        var masp = $(this).parent().parent('.sanpham').attr('id');
        $('#dialog').attr('masp', masp);
        $.ajax({
            type: 'POST',
            url: '<?=base_url('index.php/sanpham_controller/kiemtradanhgia')?>',
            data: {masp : masp},
            success: function(data){
                if(data == '-1')
                    alert('Bạn cần đăng nhập để đánh giá sản phẩm');
                if(data == '0')
                    alert('Bạn đã đánh giá sản phẩm này rồi!!!');
                if(data == '1')
                   $('#dialog').dialog("open");   
                if(data == '2')
                    alert('Bạn cần có quyền đánh giá để thực hiện việc đánh giá này!!!');                  
            }
        });
    });
</script>